<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>iPhone11 pro max</title>
    <link rel="stylesheet" href="../css/wangye.css">
    <link rel="stylesheet" href="../css/boostrap/bootstrap.css">
    <link rel="stylesheet" href="../css/font-awesome-4.7.0/css/font-awesome.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="robots" content="index, follow" />
</head>

<body>
    <div class="header">
        <div class="header_content ">
            <div class="row">
                <div class="logo col-sm-5">
                    <img src="../images/index/lg.png" alt="">
                </div>
                <div class="login col-sm-3">
                    <ul class="nav justify-content-end login_nav">
                        <li class="nav-item">
                            <a class="nav-link active" href="#"><img src="../images/index/login.png" alt="" width="25px" height="25px"> 登录
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#"><img src="../images/index/register.png" alt="" width="25px" height="25px">注册</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#"><img src="../images/index/car.png" width="25px" height="25px" alt=""></a>
                        </li>

                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 导航条 -->
    <div class="kfm_nav">
        <div class="nav_content">
            <li>
                <ul><a href="index.html">首页</a></ul>
                <ul><a href="about.html">关于</a></ul>
                <ul><a href="FAQ.html">FAQ</a></ul>
                <ul><a href="aftersales.html">售后</a></ul>
                <ul><a href="contact.html">联系</a></ul>
            </li>
        </div>
    </div>
    <!-- 内容 -->

    <div class="div">
        <div class="div0">
            <p style="width: 300px; margin-left: 10px;">
                <a href="index.html" title="首页" target="-blank">首页</a>
                <span style="color:rgb(110, 108, 108); ; font: size 15px;">/ iPhone11 pro max</span>
            </p>

        </div>
        <div style="width: 400px; height: 30px; border: 1px solid green;color: green; margin-left: 10px;">✔物流车已更新</div>

        <div class="flex">
            <div class="div1">
                <div class="div11">
                    <img src="../images/goods/iPhone11.jpg" width="100%">
                </div>
                <img src="../images/goods/iPhone11.jpg" width="100px">
                <div class="div12">
                    <p style="color:#FFD700; font-size: 20px;margin: 0; ">描述</p>
                    <p style="margin-bottom: 0;">
                        <a href="#">您可以点击这里来修改内容。</a>
                    </p>

                </div>
            </div>
            <div class="div2">
                <p style="color: #FFD700; font-size: 30px; margin: 0;">iPhone11 pro max</p>
                <hr align="left" noshade="false" size="4" width="400px" color="#FFD700">
                <p style="font-size: 30px;">¥ 7188.00</p>
                <p style="color:rgb(110, 108, 108); font-size: 15px;margin: 0; ">高清音质，语音声控， 智慧连接，已适配Nex系列、iQOO Pro（5</p>
                <p style="color:rgb(110, 108, 108); font-size: 15px;margin: 0; ">G）、X27系列，Z5等机型，更多机型陆续适配中（注：拆封后不</p>
                <p style="color:rgb(110, 108, 108); font-size: 15px;margin: 0; ">支持无理由退货）</p>

                <button class="button1">加入购物车</button>
                <input type="number" id="number" name="number" value="1">

                <p class="sc">
                    <a href="#">♡收藏</a>
                </p>

            </div>
            <div class="div3">
                <p style="font-size: 17px; text-align: left ;"><img src="../images/goods/6.png"> 物流运输</p>
                <p style="color:rgb(110, 108, 108); font-size: 15px;margin: 0; ">
                    您可以双击这里或者点击编辑按</p>
                <p style="color:rgb(110, 108, 108); font-size: 15px;margin: 0; ">钮来修改内容。您还可以添加图</p>
                <p style="color:rgb(110, 108, 108); font-size: 15px;margin: 0; ">标，按钮，图片等常用元素</p>
                <hr style="width: 250px;" />
                <p style="font-size: 17px; text-align: left ;"><img src="../images/goods/7.png"> 支付方式</p>
                <p style="color:rgb(110, 108, 108); font-size: 15px;margin: 0; ">
                    您可以双击这里或者点击编辑按</p>
                <p style="color:rgb(110, 108, 108); font-size: 15px;margin: 0; ">钮来修改内容。您还可以添加图</p>
                <p style="color:rgb(110, 108, 108); font-size: 15px;margin: 0; ">标，按钮，图片等常用元素</p>
                <hr style="width: 250px;" />
                <p style="font-size: 17px; text-align: left ;"><img src="../images/goods/8.png"> 退款政策</p>
                <p style="color:rgb(110, 108, 108); font-size: 15px;margin: 0; ">
                    您可以双击这里或者点击编辑按</p>
                <p style="color:rgb(110, 108, 108); font-size: 15px;margin: 0; ">钮来修改内容。您还可以添加图</p>
                <p style="color:rgb(110, 108, 108); font-size: 15px;margin: 0; ">标，按钮，图片等常用元素</p>

            </div>

        </div>
        <div>
            <p style="font-size: 30px; font-family: initial;">推荐</p>
            <hr align="left" noshade="false" size="4" width="500px" color="#FFD700">
        </div>
        <div class="flex1">
            <div class="flex11">
                <a href="goods1.html"><img src="../images/goods/iPhone13.jpg" width="100%">
                    <p>iPhone13 pro max</p>
                    <p>¥ 9188.00</p>
                </a>
            </div>
            <div class="flex11">
                <a href="goods2.html"><img src="../images/goods/iPhone12.jpg" width="100%">
                    <p>iPhone12plus pro max </p>
                    <p>¥ 18208.00</p>
                </a>

            </div>
            <div class="flex11">
                <a href="goods4.html"><img src="../images/goods/ipad.jpg" width="100%" height="100%">
                    <p>ipad</p>
                    <p>¥ 9888.00</p>
                </a>

            </div>
            <div class="flex11">
                <a href="goods5.html"><img src="../images/goods/imac.jpg" width="100%">
                    <p>imac</p>
                    <p>¥ 11088.00</p>
                </a>

            </div>

        </div>
    </div>
    <!-- 底部 -->
    <div class="footer ">
        <div class="footer_content ">
            <div class="footer_row row ">
                <div class="contact col-sm-4 ">
                    <h2>Contact</h2>
                    <p>地址：陕西省西安市未央区凤城十二路凯瑞D座</p>
                    <h2>+86 123 1234 1234</h2>
                    <p>邮箱：1300343646@qq.com</p>
                </div>
                <div class="links col-sm-3 ">
                    <h2>Quick Links</h2>
                    <p>常见问题</p>
                    <p>测评中心</p>
                    <p>保修政策</p>
                    <p>售后服务</p>
                    <p>关于我们</p>
                </div>
                <div class="product col-sm-2 ">
                    <h2>Products</h2>
                    <p>充电</p>
                    <p>手机</p>
                    <p>生活</p>
                    <p>配件</p>
                    <p>音乐</p>
                </div>
                <div class="feedback col-sm-3 ">
                    <h2>Feedback</h2>
                    <div class="commit row ">
                        <textarea name=" " id=" " cols="20 " rows="4 " class="col-sm-8 " required>内容</textarea>
                        <div class="col-sm-4 "><button>提交</button></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</body>

</html>